@import './../../../../styles/public.less';
.tabDiscussionBox {
  position: relative;
  padding: 10px 20px;
  box-sizing: border-box;
  .commonDScrollbar(); // max-height: calc(100% - 49px -49px -10px -15px);
  max-height: calc(100vh - 49px - 49px - 10px - 15px - 20px);
  .discussionTime {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-family: PingFang SC;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    color: #89918E;
  }
  .discussionList {
    position: relative;
    .discussionItemLeft,
    .discussionItemRight {
      .commonFlex();
      .flexAlignItems();
      margin-bottom: 25px;
      .userIconBox {
        padding: 0;
        margin: 0 12px 0 0;
        width: 30px;
        height: 30px;
        .userIcon {
          width: 30px;
          height: 30px;
          border-radius: 100%;
          object-fit: cover;
        }
      }
      .userDesc {
        font-family: PingFang SC;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: center;
        color: #313131;
        padding: 9px 10px;
        background: #F7F7F7;
        border-radius: 4px;
      }
    }
    .discussionItemRight {
      .flex1 {
        flex: 1;
        -webkit-flex: 1;
      }
      .userIconBoxLeft {
        padding: 0;
        margin: 0 0 0 12px;
        width: 30px;
        height: 30px;
        .userIcon {
          width: 30px;
          height: 30px;
          border-radius: 100%;
          object-fit: cover;
        }
      }
      .userDesc {
        background: #C9E7FF;
      }
    }
  }
}